page{
  background-color: rgba(248,249,250,1);
  height: 100%;
  .wrapper{
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    .container{
      flex: 1;
      .avatarWrapper{
        background-color: #ffffff;
        padding: 32px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        .avatar{
          border-radius: 50%;
          width: 88px;
          height: 88px;
          overflow: hidden;
        }
        .avatarContainer{
          margin-left: 32px;
          .name{
            color: #181819;
            font-size: 28px;
            font-weight: 600;
          }
          .idCard{
            color: #999;
            margin-top: 9px;
            font-size: 20px;
          }
        }
      }
      .card{
        background: #ffffff;
        margin-top: 24px;
        .item{
          border-bottom: 1px solid #E5E5E5;
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 99px;
          font-size: 28px;
          padding: 0 32px;
          box-sizing: border-box;
          &:last-child{
            border-bottom: none;
          }
          .label{
            color: #181819;
            font-weight: 500;
          }
          .value{
            color: #999999;
            .theme{
              color: #22ADF7;
              font-size: 24px;
            }
            picker{
              position: relative;
              padding-right: 80px;
              .input{
                width: 100%;
                text-align: right;
              }
              .icon{
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
              }
            }
          }
          .edit{
            text-align: right;
          }
        }
      }
      .submit{
        margin: 50px 30px 0;
        font-size: 32px;
        background: #22ADF7;
        color: #ffffff;
      }
    }
    .footer{
      font-size:24px;
      font-weight:300;
      padding: 20px 0;
      color:#22ADF7;
      display: flex;
      align-items: center;
      justify-content: center;
      .protocolImg{
        width: 23px;
        height: 29.5px;
        display: block;
      }
      .protocol{
        margin-left: 10px;
      }
    }
  }
}
